<template>
  <div class="container">
    <div class="weui-msg">
        <div class="weui-msg__icon-area">
            <icon type="success" size="93" color="#1387FF"></icon>
        </div>
        <div class="weui-msg__text-area">
            <div class="weui-msg__title">添加成功</div>
            <div class="weui-msg__desc">《最好金龟换酒》已经添加至您的书籍列表</div>
        </div>
        <div class="weui-msg__opr-area">
            <div class="weui-btn-area">
              <button class="weui-btn" type="primary" style="background:#1387FF">开始阅读</button>
              <button class="weui-btn" type="default" style="background:#CECECE;color:#999">继续添加</button>
            </div>
        </div>

    </div>
  </div>
</template>

<script>
import tabBar from '../../components/tabbar'

export default {
  data () {
    return {
      name:'',
    }
  },
  components: {
    tabBar
  },
  computed: {

  },
  methods: {
    addClass(){
      if(this.name.length >0){
        wx.showToast({
        title: '添加完成',
        icon: 'success',
        duration: 1000
      });
      }else{
        wx.showToast({
        title: '分类不能为空',
        icon: 'none',
        duration: 1000
      });
      }
      console.log(this.name,'name');
    },
  },

}
</script>

<style scoped lang="less">
.container{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

}
/deep/ .weui-icon-success{
    color:red
  }
</style>
